<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>资源信息</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />

    <style>
        .work_title {
            margin: 15px 0px 15px 0px;
        }

        .sourse-bg {
            background: #F6FBFF;
            border-radius: 8px;
            padding: 10px;
            color: #344356;
            padding-left: 14px;
            font-size: 0.7rem;
        }

        .pdl0 {
            padding-left: 0;
        }

        .width50 {
            width: 50%;
            display: inline-block;
        }

        .width-flex {
            display: flex;
            position: relative;
        }

        .pb4 {
            padding-bottom: 4rem !important;
        }

        .posright {
            position: absolute;
            right: 0px;
            top: 0;
        }

        .divhidden {
            display: none;
        }

        .aui_formcontent {
            text-align: right;
        }

        .icon-xiangyoujiantou {
            float: right;
            position: relative;
            color: #cfd7e1;
            /* top: 4px; */
            line-height: 2.45rem;
            font-size: 12px !important;
        }

        input.choose,
        select.choose,
        textarea.choose {
            width: 93%;
            float: left;
        }

        .aui_formcontent select,
        .aui_formcontent input {
            padding-left: 12px;
            font-size: 0.7rem;
            height: 2.5rem;
            line-height: 2.5rem;
            text-align: right;
        }

        .new-span-input {
            height: 2.5rem;
            line-height: 2.5rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content pb4">
            <div class="aui_list boxarea mb20">
                <div class="aui_formbox edit">
                    <div class="aui_formitem ">
                        <div class="aui_formtitle">名称</div>
                        <div class="aui_formcontent">
                            <input v-model="userinfo.name" type="text" placeholder="请填写" />
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">手机号码</div>
                        <div class="aui_formcontent">
                            <input v-model="userinfo.phone" type="number" placeholder="请填写" />
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">住户身份</div>
                        <div class="aui_formcontent">
                            <!--<select v-model="userinfo.relateType" placeholder="请选择">
                                <option v-for="item in statelist" v-bind:value="item.id">{{item.name}}</option>
                            </select>
                            <span class="posright fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>-->

                            <input class="choose" id="chooserelatetype" v-model="userinfo.relateTypeDesc"
                                readonly="readonly" type="text" placeholder="请选择">
                            <i class="icon iconfont icon-xiangyoujiantou"></i>
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">证件类型</div>
                        <div class="aui_formcontent">
                            <input class="choose" id="chooseidcardtype" v-model="userinfo.idCardTypeDesc"
                                readonly="readonly" type="text" placeholder="请选择">
                            <i class="icon iconfont icon-xiangyoujiantou"></i>
                            <!--<select v-model="userinfo.idCardType" placeholder="请选择">
                                  <option v-for="item in typelist" v-bind:value="item.id">{{item.name}}</option>
                                 </select>
                              <span class="posright fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>-->
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">证件号码</div>
                        <div class="aui_formcontent">
                            <input v-model="userinfo.idCardNo" type="text" placeholder="请填写" />
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">出生日期</div>

                        <div class="aui_formcontent">
                            <span class="choose new-span-input" id="choosedate" data-options='{"type":"date"}'
                                v-bind:class="{'textColorPlaceholder':userinfo.birthday==''}">{{userinfo.birthday==''?'请选择':userinfo.birthday}}</span>
                            <i class="icon iconfont icon-xiangyoujiantou"></i>
                            <!--<input v-model="userinfo.birthday" type="text" v-on:click="do_select_time()" readonly="readonly" placeholder="请选择" />-->
                        </div>
                    </div>

                    <div class="aui_formitem">
                        <div class="aui_formtitle">工作单位</div>
                        <div class="aui_formcontent">
                            <input v-model="userinfo.officeAddress" type="text" placeholder="请填写" />
                        </div>
                    </div>
                    <div class="aui_formitem">
                        <div class="aui_formtitle">联系地址</div>

                        <div class="aui_formcontent">
                            <input v-model="userinfo.homeAddress" type="text" placeholder="请填写" />
                        </div>
                    </div>

                    <div class="aui_formitem">
                        <div class="aui_formtitle">备注</div>

                        <div class="aui_formcontent">
                            <input v-model="userinfo.remark" type="text" placeholder="请填写备注信息" />
                        </div>
                    </div>

                </div>
            </div>

        </div>

        <div class="aui_bottom">
            <div v-on:click="save()" class="aui_bottombtn">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="js/userinfo_update.js"></script>

</html>